<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品分类</title>
<style type="text/css">
#product,h1,dl,dt,dd{
	margin:0;
	padding:0;
}
body{
	background:#999;
}
#product{
	width:230px;
	background:#FFF;
}
#product h1{
	font-size:18px;
	font-weight:bold;
	color:white;
	height:35px;
	line-height:35px;
	padding-left:20px;
	background:#000;
}
#product dt{
	font-size:14px;
	font-weight:bold;
	padding-left:30px;
	height:30px;
	line-height:30px;
	background-repeat:no-repeat;
	background-position:2px -3px;
}
#product dd{
	font-size:12px;
	padding:0px 30px;
	line-height:1.5;
}
.title01{
	background-image:url(imgs/icon_01.gif);
}
.title02{
	background-image:url(imgs/icon_02.gif);
}
.title03{
	background-image:url(imgs/icon_03.gif);
}
.title04{
	background-image:url(imgs/icon_04.gif);
}
.title05{
	background-image:url(imgs/icon_05.gif);
}
.title06{
	background-image:url(imgs/icon_06.gif);
}
.title07{
	background-image:url(imgs/icon_07.gif);
}
.title08{
	background-image:url(imgs/icon_08.gif);
}
.title09{
	background-image:url(imgs/icon_09.gif);
}

</style>
</head>

<body>
<div id="product">
  <h1>全部分类</h1>
  <dl>
    <dt class="title01">护肤</dt>
    <dd>洁面 化妆水 喷雾 美容液 眼霜<br/>
      眼部精华 眼膜 面膜 面膜贴<br/>
      水洗面膜 免洗面膜 精华 精油<br/>
      啫哩 凝露 乳液 面霜 日霜 晚霜 </dd>
      <dt class="title02">彩妆</dt>
    <dd>卸妆 防晒 隔离 BB霜 粉底 粉饼<br/>

睫毛膏 眼影 唇彩 腮红 眼线笔<br/>

底妆 遮瑕 蜜粉 眉笔 美甲  </dd>
      <dt class="title03">香氛</dt>
    <dd>男香 女香 小Q装 中性香水  </dd>
      <dt class="title04">身体护理</dt>
    <dd>洗发 护发 沐浴 身体乳 手足护理<br/>

护手霜 纤体 身体精油 颈部护理<br/>

个人护理 卫生用品 脱毛  </dd>
      <dt class="title05">礼盒套装</dt>
    <dd>护肤套装 身体护理套装 彩妆套装 <br/>
    旅行装 香水套装 男士套装 </dd>
      <dt class="title06">美容工具</dt>
    <dd>护肤 彩妆 美发 美体 美甲 <br/>
    美容仪器 其他美容工具 </dd>
      <dt class="title07">母婴专区</dt>
    <dd>奶粉 尿裤湿巾 母婴洗护  </dd>
      <dt class="title08">男士专区</dt>
    <dd>洁面 爽肤水 面霜 啫哩 男香<br/>

眼霜 凝胶 乳液 精华 沐浴 </dd>
       <dt class="title09">食品保健</dt>
    <dd class="noLine">瘦身类 保健类 美容类 食品类 </dd>
  </dl>
</div>
</body>
</html>
